
*
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: '微软雅黑';
    font-size: 14px;

    max-width: 640px;
    margin: auto;
}
.head_item
{
    font-size: 0;

    width: 100%;
    max-width: 640px;
}
.head_item img
{
    width: 100%;
}
.bg_item
{
    background: #ffe500;
}
.item_scoll
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    width: 82%;
    margin: auto;
    padding: 10px 0;

    -webkit-box-align: center;

    -webkit-align-items: center;

        -ms-flex-align: center;

            align-items: center;
}
.item_scoll p,
.item_scoll em
{
    width: 50%;
    height: 10px;

    -webkit-border-radius: 20px;

            border-radius: 20px;
}
.item_scoll p
{
    background: #fff;
}
.item_scoll p em
{
    display: inline-block;

    vertical-align: super;

    background: #0fb613;
}
.item_scoll i
{
    font-size: 12px;

    padding-left: 5px;

    color: #f64f22;
}
.box_item
{
    width: 90%;
    margin: auto;
    padding: 10px;
}
.item_flex
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    height: 100px;
    margin-bottom: 10px;
    padding: 5px 20px;

    -webkit-border-radius: 10px;

            border-radius: 10px;
    background: #fff;

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.item_flex li
{
    list-style: none;
}
.item_flex li h3
{
    color: #893d0b;
}
.item_flex li a
{
    line-height: 25px;

    display: inline-block;

    width: 85px;
    margin-top: 10px;

    text-align: center;
    text-decoration: none;

    color: #fff;
    -webkit-border-radius: 10px ;
            border-radius: 10px ;
    background: #8f8f8f;
}
.item_flex li a + span
{
    font-size: 12px;

    padding-left: 5px;

    text-decoration: underline;

    color: #f64f22;
}
.item_flex li a.color_item
{
    background: #f64f22;
}
.zc_item
{
    padding-bottom: 20px;
}
.zc_item a
{
    font-size: 22px;
    line-height: 40px;

    display: block;

    width: 44%;
    margin: auto;

    text-align: center;
    text-decoration: none;

    color: #fff;
    -webkit-border-radius: 30px;
            border-radius: 30px;
    background: #f64f22;
}
.foot_item
{
    font-size: 0;

    width: 100%;
}
.foot_item img
{
    width: 100%;
}
